<!--
  Generated template for the ShopCompilePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-buttons start>
          <button ion-button (click)="dismissCLI()">
                <img src="assets/img/back.png" width='15' height='20'>
          </button>
    </ion-buttons>
    <ion-title>店铺基本信息</ion-title>
    <ion-buttons end>
      <button ion-button icon-only style="margin-right: 5px;" (click)="publicok()">
        <span style="color: #616161;">完成</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-list>
    <ion-item>
      <label class="diyItem diytx">头像</label>
      <label class="diyItemright">
        <page-select-picture [max]="1" [imgpath]="imgpathlogo" [classname]="logoclass" [fileObjList]='fileObjList' (fileObjListChange)="returnapiimg($event)"></page-select-picture>
      </label>
    </ion-item>


    <ion-item>
      <ion-label>店铺名</ion-label>
      <ion-input type="text" maxlength="10" [(ngModel)]="userApi.shop_name"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>店铺地址</ion-label>
      <city-picker class="diyItemright" item-content [cancelText]="'取消'" [doneText]="'完成'" [separator]="'-'" [citiesData]="cityData"
        [(ngModel)]="cityName" (ionChange)="cityChange($event)">
      </city-picker>
    </ion-item>

    <ion-item>
      <ion-label>详细地址</ion-label>
      <ion-input type="text" maxlength="30" [(ngModel)]="userApi.shop_address"></ion-input>
    </ion-item>


    <ion-item>
      <ion-label>联系方式</ion-label>
      <ion-input type="tel" [(ngModel)]="userApi.shop_tel"></ion-input>
    </ion-item>
  </ion-list>

  <div class="show">
    <span>个人秀背景图</span>
    <div class="imgs">
      <page-select-picture  style="width:100%;height:100%" [max]="1" [imgpath]="imgpathbg" (fileObjListChange)="returnapiimg($event)"></page-select-picture>
      <!-- <img src="assets/img/nailShopBg.jpg" alt=""> -->
      <!-- <img src="assets/img/nailShopBg.jpg" alt=""> -->
    </div>
  </div>
</ion-content>